<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="assets/css/index.css"  />
</head>
<body>
    <div class="wrapper">
        <div class="xxx one   ">One</div>
        <div class="xxx two   ">Two</div>
        <div class="xxx three ">Three</div>
        <div class="xxx four  ">Four</div>
        <div class="xxx five  ">Five</div>
        <div class="xxx six   ">Six</div>
      </div>





    <div class="none" style="display: none;">
    <% include header.html %> 
    <div class="body">
        <div>
            <button onclick="add()">增加Cookie</button>
            <button onclick="del()">删除Cookie</button>
            <button onclick="editor()">修改Cookie</button>
            <button onclick="show()">查看Cookie</button>

        </div>
        <div>
            <% if (!id) { %>
                <div> id: <%= id %> </div>
                <div> name: <%= name %> </div>
                <div> age: <%= age %> </div>
            <% } else { %>
                <div> name: <%= name %> </div>
                <div> age: <%= age %> </div>
            <% } %> 
            <br/>
            我的技能如下：
            <ul>
                <% for(var i=0;i<skills.length;i++){ %>
                <li><%= skills[i] %></li>
                <%}%>
            </ul>
        </div>
    </div>
    </div>

    <script>

        function garvinLog(...param) {
            console.log(`%c GARVINLOG ↓ DEV \n`, 
            'margin-left: 1%;border-radius: 20px;font-size:14px;background:gray;color:rgb(2, 245, 132);font-weight: bold;',
            ...param);
        }
        garvinLog(1111111111)
   


        function add(){
            fetch("/add",{
                method:"post",
                headers:{
                    "Content-type":"application/json"
                }
            });
        }
        function del(){
            fetch("/del",{
                method:"post",
                headers:{
                    "Content-type":"application/json"
                }
            });
        }
        function editor(){
            fetch("/editor",{
                method:"post",
                headers:{
                    "Content-type":"application/json"
                }
            });
        }
        function show(){
            fetch("/show",{
                method:"post",
                headers:{
                    "Content-type":"application/json"
                }
            });
        }
    </script>
</body>
</html>